<%--
  Created by IntelliJ IDEA.
  User: zhaocan
  Date: 2018/4/24
  Time: 13:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>服务类工单详情</title>
</head>
<body>
<div class="accordion-wrap2">
    <div class="easyui-accordion" data-options="multiple:true" style="width:100%;">
        <div title="运单信息" style="overflow:auto;padding:10px;">
            <div class="accordion-container">
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">运单编号：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">发件网点：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">发件人：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">发件电话：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width50">
                        <div class="acc-title">发件地址：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">收件人：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">收件电话：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width50">
                        <div class="acc-title">收件地址：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">内寄物品：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div title="客户信息" style="padding:10px;">
            <div class="accordion-container">
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">联系电话：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">客户编码：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">客户名称：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <input type="text" />
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">客户类型：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">个人客户</option>
                                    <option value="">VIP客户</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">客户等级：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">个人客户</option>
                                    <option value="">VIP客户</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">所在省份：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">个人客户</option>
                                    <option value="">VIP客户</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">所在市区：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">个人客户</option>
                                    <option value="">VIP客户</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">所在区县：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">个人客户</option>
                                    <option value="">VIP客户</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">客户性别：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">男</option>
                                    <option value="">女</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width100">
                        <div class="acc-title">详细地址：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <textarea name="" rows="3" cols="3"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div title="工单信息" style="padding:10px;">
            <div class="accordion-container">
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">工单来源：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>400电话</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">工单编号：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>18368712632312</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">客户身份：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>发件人</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">工单优先级：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>中</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">工单类型：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>快件查询</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">工单子类型：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>催件</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">是否需回访：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>否</p>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">工单处理网点：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <p>青浦一部</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width25">
                        <div class="acc-title">工单类型：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">责任方：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="acc-items width25">
                        <div class="acc-title">责任类型：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <select name="">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row">
                    <div class="acc-items width100">
                        <div class="acc-title">处理说明：</div>
                        <div class="acc-con">
                            <div class="acc-con-main">
                                <textarea name="" rows="3" cols="3"></textarea>
                                <div class="upload-box">
                                    <p>这里是文件标题</p>
                                    <a href="javascript:;">删除</a>
                                </div>
                                <input class="easyui-filebox" title="上传附件" data-options="prompt:'上传附件',buttonText:'上传附件'" style="width:200px">
                                <!--<div class="u-upload">
                                    <button type="button">上传文件</button>
                                    <input type="file"/>
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="acc-row gd-tab-wrap">
                    <div class="easyui-tabs" data-options="border:0,resizable:true" style="width:100%">
                        <div title="工单处理" data-options="border:0,resizable:true" style="padding:10px" options="">
                            <div class="gd-con-wrap">
                                <div class="gd-items-box">
                                    <div class="gd-top-box">
                                        <div><span>松岗</span> - <span>王芳</span></div>
                                        <div>2017-09-14 12:43:12</div>
                                    </div>
                                    <div class="gd-bottom-box">快件目前已经在我司，但由于最近快件数量过多，派件可能会推迟，请帮忙协助安抚客户。</div>
                                </div>
                                <div class="gd-items-box">
                                    <div class="gd-top-box">
                                        <div><span>松岗</span> - <span>王芳</span></div>
                                        <div>2017-09-14 12:43:12</div>
                                    </div>
                                    <div class="gd-bottom-box">快件目前已经在我司，但由于最近快件数量过多，派件可能会推迟，请帮忙协助安抚客户。</div>
                                </div>
                            </div>
                        </div>
                        <div title="工单事件" data-options="border:0,resizable:true" style="padding:10px">
                            <div class="gd-con-wrap">
                                <div class="gd-items-box">
                                    <div class="gd-top-box">
                                        <div><span>松岗</span> - <span>王芳</span></div>
                                        <div>2017-09-14 12:43:12</div>
                                    </div>
                                    <div class="gd-bottom-box">
                                        <div class="times">
                                            <ul>
                                                <li><b></b><p>客户来电催办</p></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="gd-items-box">
                                    <div class="gd-top-box">
                                        <div><span>400坐席</span> - <span>刘烨</span></div>
                                        <div>2017-09-14 12:43:12</div>
                                    </div>
                                    <div class="gd-bottom-box">
                                        <div class="times">
                                            <ul>
                                                <li><b></b><p>处理工单至青浦一部网点处理</p></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="gd-items-box">
                                    <div class="gd-top-box">
                                        <div><span>400坐席</span> - <span>刘烨</span></div>
                                        <div>2017-09-14 12:43:12</div>
                                    </div>
                                    <div class="gd-bottom-box">
                                        <div class="times">
                                            <ul>
                                                <li><b></b><p>创建工单</p></li>
                                                <li class="time-radius-show"><b></b><p>派发工单至松岗网点处理</p></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div title="回访信息" data-options="border:0,resizable:true" style="padding:10px">
                            <div class="gd-con-wrap">

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div style="padding:10px 0;">
        <button type="button" class="bc-btn">保存</button>
        <button type="submit" class="tj-btn">提交</button>
        <button type="button" class="returnbtn">返回</button>
    </div>
</div>
</body>
</html>
